<template>
  <ul class="username-type-menu" :style="{ 'text-align': align }">
    <li class="current">
      <svg-icon icon-class="mobile-phone" class="icon-color" class-name=""></svg-icon>
      <!-- <i class="icon icon-size-18 icon-mb--3"></i> -->
      手机
    </li>
    <li>
      <svg-icon icon-class="email" class="" class-name=""></svg-icon>
      <i class="icon icon-size-18 icon-mb--3 icon-email"></i>
      邮箱
    </li>
  </ul>
</template>
<script>
/**
 * "id": "icon-mobile-phone",
  "use": "icon-mobile-phone-usage",
 */
export default {
  name: "UsernameType",
  props: {
    align: {
      type: String,
      default: 'right'
    }
  },
  setup(_, context) {
    console.log(context)
    return {

    }
  },
  methods: {

  },
};
</script>
<style lang="scss" scoped></style>